/* 全局CSS定义 */
body{background-image: url(../images/home_bg_01.jpg);background-repeat: no-repeat;background-position: center top;}
#header-logo{ width:100%; margin:0 auto;text-align:center;}
.head-bg1{height: 111px;}
/*logo ***  menu*/
#header1{width:980px; margin:0 auto; padding:0px;}
#logo{width:252px; height:111px;float:left;}
#menu{width:726px; float:left; height: 111px;}
.qqblog{ width:280px; padding:8px 0px; overflow:hidden;}
/*-------menu----------*/
#topmenu{  margin-top:26px; z-index:1;}
#topmenu ul { margin:0; width:700px; padding-left:20px; float:left;}
#topmenu ul li{	float:left;	width:86px;font-weight: bold; vertical-align: middle; margin:0px; padding:0px;line-height:30px;list-style-type:none;}
#topmenu li a:link{	color: #F6F6F6;}
#topmenu li a:visited{color: #F6F6F6;}
.menu-list {POSITION: absolute;	DISPLAY: none;	margin-top:15px; white-space:nowrap; font-family:Arial, Helvetica, sans-serif;} 
#menu1,#menu2{ width:400px;}
#menu4{ width:400px; margin-left:-80px;}
#menu3,#menu5{ width:220px;}
#menu6{ width:700px; margin-left:-380px;}
#menu7{ width:600px; margin-left:-315px;}
#menu8{ width:300px; margin-left:-190px;}
.submenubg-l{background-image: url(../images/sw_home_bg.gif);background-repeat: no-repeat;	height: 30px;width: 4px; }
.submenubg-r{background-image: url(../images/sw_home_bg.gif);background-position: -24px 0px;	background-repeat: no-repeat;height: 30px;	width: 4px;}
.menu-dot{ font-weight:bold; color:#B3B3B3; padding:0 2px;}
.menu-list UL LI {float:left;	display:inline;  /*横向排列*/ 	background-color: #1C1C1C;text-align:center;	line-height:30px; margin:0px; }
.menu-list UL LI a:visited,.menu-list UL LI a:link{color:#B3B3B3; margin:0 5px;}
.menu-list UL LI A:hover { COLOR:#F6F6F6;}

/* flash banner */
#header-flash{width:980px;height:324px;margin:0 auto;}
/*search*/
#columnA{width:980px;height: 38px; margin:0 auto;}
#nav{width:980px; margin:0 auto; padding:0px;}
 #nav1{width:678px;height:38px;float:left;}
 #nav1 #htitle{ width:448px; float:left; margin:0 auto; text-align:center; line-height:34px;}
 #nav1 #htitle A{ padding:0 5px;}
 #nav1 .htel{width:220px; height:33px; float:right; background-image: url(../images/sw_home_bg.gif);	background-repeat: no-repeat; background-position: right top;}
 #nav2{width:2px;float:left;}
 #nav3{width:300px;height:38px; float:left;}
 #nav3 .keys{font-weight: bold;	color: #363636;	background-color: #eaeaea; border:none;	width:180px;height:22px; line-height:22px;	margin:1px 10px 0px 10px; padding:0px;}
 #nav3 .img{ border:none; margin:0px; padding:0px; height:28px; vertical-align:top;}

 /*prod  +  news*/
#columnB{width:980px; height:232px;margin:0 auto; background-color:#EAEAEA;}
 #home-prod{width:678px; height:222px; margin:5px 0px; float:left; text-align:center;}
 #home-prod h2{ font-size:12px;line-height:26px;font-weight: bold;}
 .home-prod-info{width:157px; height:222px; margin:5px 5px; float:left;}
 .home-prod-text{ text-align:left; margin:5px 0px; line-height:20px;}
 #home-news{width:302px;height:232px;float:left;background-image: url(../images/sw_home_bg.gif);background-position: 0px -37px;background-repeat: no-repeat; background-color:#EAEAEA;}
#home-news #content{ width:290px; clear:both; margin-top:18px; margin-left:12px; }
#home-news #content #cont{width:290px; height:214px; float:left; clear:both;}
.newsline{width:290px;height:4px; line-height:4px; background-image: url(../images/sw_home_bg.gif);background-position: 0px -33px; float:left;}

.menubox{ width:290px; height:20px; clear:both;}
.menubox ul{ margin:0px;width:164px; display:inline;}
.menubox li{float:left; height:20px; width:82px; text-align:center; list-style-type:none; display:block; line-height:20px;background:url(../images/sw_home_bg.gif) no-repeat;background-position: -82px -269px; color:#373737;} 
.menubox li.hover,.menubox li.hover a:link,.menubox li.hover a:visited{width:82px; height:20px; font-weight:bold; overflow:hidden; background:url(../images/sw_home_bg.gif) no-repeat;background-position: 0px -269px; color:#F6F6F6; cursor:pointer}
.showmore{width:40px; height:20px; float:right; margin:0px; padding:0px;}
.contentbox{ width:280px; margin:0px auto;}
.newslist{ line-height:24px; padding-left:3px; margin-top:4px; clear:both;}
.newslist li{ list-style-type:disc; overflow:hidden; width:100%;}
/*Case list  + article */
#columnC{width:980px; height:242px;margin:0 auto; background-color:#EAEAEA; clear:both;}
 #home-case{width:678px; height:242px;float:left;clear:both;}
 #home-case-img{width:598px; height:23px; float:left; text-align:left; margin-left:10px;}
 #home-case-more{width:60px; height:8px; float:left; margin-top:12px; text-align:center;}
 #home-case-list{width:678px; float:left; text-align:left;}
 #home-casebg1{	width:11px;	height:219px;background-image: url(../images/home_case_bg1.jpg);background-repeat: no-repeat; float:left;}
 #home-casebg2{	width:645px;height:219px;background-image: url(../images/home_case_bg2.jpg);background-repeat: repeat-x; float:left; text-align:center; margin:0px;}
 #home-caselist{width:625px; height:180px; margin-left:10px; margin-top:15px;overflow: hidden;}
 #home-caselist #demo1 img{ padding:5px 8px;}
/*图片垂直居中*/
#caselist-icon { display: table;width:24px; height: 180px; *position: relative; overflow: hidden; text-align:left;float:left; padding:0px; margin:0 5px;}   
#caselist-iconsub{ vertical-align: middle; display: table-cell; *position: absolute; *top: 50%;}   
#caselist-iconsub img{ *position: relative; *top: -50%;  } 
 #home-casebg3{	width:22px;	height:219px;background-image: url(../images/home_case_bg3.jpg);background-repeat: no-repeat; float:left;}
/*--滚动案例结束--*/
/* examples_body */
.bx_wrap { margin:0px auto;}
#example1 li{display:inline; list-style:none; }
.bx_wrap ul img { border: 1px solid #DDD; margin:5px 0px;}
.bx_wrap a.prev {width: 30px;height: 100px; margin-right:15px;line-height: 17px;float:left;text-indent: -9999px;background-image: url(../images/sw_home_bg.gif);background-position: -380px -33px;	background-repeat: no-repeat;}
.bx_wrap a.prev:hover {	background-image: url(../images/sw_home_bg.gif);background-position: -309px -33px; background-repeat: no-repeat;}
.bx_wrap a.next {width: 40px;height: 100px;float:right;text-indent: -9999px;background-image: url(../images/sw_home_bg.gif);background-position: -410px -33px; background-repeat: no-repeat;}
.bx_wrap a.next:hover {background-image: url(../images/sw_home_bg.gif);background-position: -337px -33px; background-repeat: no-repeat;}
/*解决方案*/
 #home-article{width:290px; height:242px;float:right;}
 #home-article .nav{ height:26px; line-height:26px; background-color:#D7D7D7; clear:both;}
 #home-article h1{ margin-left:12px; line-height:26px; font-size:12px; font-weight:bold; color:#3A3A3A}
 
/*SEO Blog article  + AD */
#columnD{width:980px; height:255px;margin:0 auto; padding-top:15px; clear:both;}
 #home-article-list{width:678px; float:left; text-align:left;}
 #home-art-bg1{	width:11px;	height:264px; background-image: url(../images/home_article_01.jpg);	background-repeat: no-repeat;float:left;}
 #home-art-bg2{	width:645px;	height:264px;	background-image: url(../images/home_article_02.jpg);background-repeat: repeat-x;	float:left;}
 #home-art-box{width:625px; height:230px; margin-left:10px; margin-top:15px;overflow: hidden; }
 #home-art-box1{ width:208px; height:230px; float:left;overflow: hidden;}
 #home-art-box2{ width:207px; height:230px; float:left;overflow: hidden; }
 #home-art-box3{ width:150px; height:230px; float:right;overflow: hidden;}
 .home-art-line{width:30px;	height:230px; float:left;background-image: url(../images/home-art-line.jpg);	background-repeat: no-repeat;	background-position: center center;}
 #home-art-bg3{	width:22px;	height:264px;background-image: url(../images/home_article_03.jpg);	background-repeat: no-repeat;	float:left;}
 #home-ad{width:302px; height:264px;float:left; text-align:center;}
 #home-ad img{ margin:4px;}
/*--home flash image---*/
#clientLogos{ height:0px; overflow:hidden;}
#clientLogos UL{display:none; height:0px;}
.blurb h2 {PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; FONT: 1.33em Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #fff; PADDING-TOP: 0px; text-shadow: 0 0px 0px #D8D8D8}
.siteWidth{ width:980px; height:324px; margin:0 auto;}
#slideshowLoading {	background-image: url(../images/ajax-loader-slideshow.gif);	background-repeat: no-repeat;background-position: center center; LEFT: 50%; MARGIN-LEFT: -16px; WIDTH: 32px; POSITION: absolute; TOP: 200px; HEIGHT: 32px}
#slideshow {WIDTH: 980px; HEIGHT: 324px; float:left;OVERFLOW: hidden;  POSITION: relative;  padding:0px}
#slideshow LI {Z-INDEX: 1; LEFT: -980px; WIDTH: 980px; POSITION: absolute;HEIGHT: 324px; margin:0px; padding:0px;}
#slideshow .blurb {OVERFLOW: hidden; WIDTH: 980px; POSITION: absolute; HEIGHT: 324px; margin:0px; padding:0px;}

#slideshow .layer1 {	OVERFLOW: hidden; WIDTH: 980px; POSITION: absolute; HEIGHT: 324px;}
#slideshow .layer2 {	OVERFLOW: hidden; WIDTH: 980px; POSITION: absolute; HEIGHT: 324px}
#slideshow .layer3 {	OVERFLOW: hidden; WIDTH: 980px; POSITION: absolute; HEIGHT: 324px}

#slideshow .layer1 IMG {	DISPLAY: block; }
#slideshow .layer2 IMG {	DISPLAY: block; }
#slideshow .layer3 IMG {	DISPLAY: block; }
#slideshow .layer SPAN {	LEFT: 0px; TEXT-INDENT: -99999em; POSITION: absolute;}

#slideshow .blurb {	Z-INDEX: 4; COLOR: #fff}
#slideshow .blurb .layer {	LEFT: 0px; POSITION: absolute; TOP: 0px}
#slideshow .blurb .layer IMG {	DISPLAY: block; MARGIN: 0px 0px 1000px 50px}
#slideshow .blurbHolder {	OVERFLOW: hidden; WIDTH: 980px; POSITION: relative; HEIGHT: 540px}
#slideshow .blurbHolder H2 {	POSITION: absolute; TOP: -324px}
#slideshow .blurbHolder H3 {	POSITION: absolute; TOP: -324px}
#slideshow .blurbHolder P {	POSITION: absolute; TOP: -324px}

#slideshow .layer1 {	Z-INDEX: 5}
#slideshow .layer2 {	Z-INDEX: 6}
#slideshow .layer3 {	Z-INDEX: 2}

#slideshow .layer1 IMG {	DISPLAY: block}
#slideshow .layer2 IMG {	DISPLAY: block}
#slideshow .layer3 IMG {	DISPLAY: block}

#slideshow #web .layer IMG { MARGIN-TOP:60px; width:296px; height:256px;}
#slideshow #web .layer1 IMG { MARGIN-TOP:24px; MARGIN-LEFT:214px; width:273px; height:66px;}
#slideshow #web .layer2 IMG { MARGIN-TOP:146px; MARGIN-LEFT:280px; width:350px; height:135px;}
#slideshow #web .layer3 IMG { MARGIN-TOP:22px; MARGIN-LEFT:634px; width:336px; height:291px;}

#slideshow #seo .layer IMG {MARGIN-TOP:30px;MARGIN-LEFT:10px;width:380px;height:294px;}
#slideshow #seo .layer1 IMG { MARGIN-TOP:20px; MARGIN-LEFT: 100px;width:325px; height:57px;}
#slideshow #seo .layer2 IMG { MARGIN-TOP: 186px; MARGIN-LEFT: 280px;width:350px; height:90px;}
#slideshow #seo .layer3 IMG { MARGIN-TOP:22px; MARGIN-LEFT:634px;width:336px; height:291px;}

#slideshow #serv .layer IMG {	MARGIN-TOP: 44px;width:457px; height:281px;}
#slideshow #serv .layer1 IMG {	MARGIN-TOP: 25px; MARGIN-LEFT: 60px;width:369px; height:66px;}
#slideshow #serv .layer2 IMG {	MARGIN-TOP: 165px; MARGIN-LEFT: 280px;width:344px; height:90px;}
#slideshow #serv .layer3 IMG {	MARGIN-TOP:22px; margin-left:634px;width:336px; height:291px;}